$(function () {

    var listUrl = '/o2o/shopadmin/getproductlistbyshop?pageIndex=1&pageSize=100';

    var statusUrl = '/o2o/shopadmin/modifyproduct';

    getList();

    /**
     * 获取此店铺下所有的列表
     */
    function getList() {
        $.getJSON(listUrl, function (data) {
            if (data.success) {
                var productList = data.productList;
                var tempHtml = '';

                //遍历每条信息拼成一行显示
                productList.map(function (item, index) {
                    var textOp = '下架';
                    var contraryStatus = 0;
                    if (item.enableStatus == contraryStatus) {
                        //若为0 则已下架 ，操作就会编程上架
                        textOp = '上架';
                        contraryStatus = 1;
                    } else {
                        contraryStatus = 0;
                    }
                    //拼接每件商品的行信息
                    tempHtml += '<div class="row row-product">'
                        + '<div class="col-33">'
                        + item.productName
                        + '</div>'
                        + '<div class="col-20">'
                        + item.point
                        + '</div>'
                        + '<div class="col-40">'
                        + '<a href="#" class="edit" data-id="'
                        + item.productId
                        + '" data-status="'
                        + item.enableStatus
                        + '">编辑</a>'
                        + '<a href="#" class="status" data-id="'
                        + item.productId
                        + '" data-status="'
                        + contraryStatus
                        + '">'
                        + textOp
                        + '</a>'
                        + '<a href="#" class="preview" data-id="'
                        + item.productId
                        + '" data-status="'
                        + item.enableStatus
                        + '">预览</a>'
                        + '</div></div>';
                });
                //拼好放入html中
                $('.product-wrap').html(tempHtml);
            } else {
                $.toast('返回失败:' + data.errMsg);
            }
        });
    }


    /**
     * 为class为product-wrap的a标签绑定点击事件
     */
    $('.product-wrap').on('click', 'a', function (e) {
        var target = $(e.currentTarget);
        if (target.hasClass('edit')) {
            //如果是修改 则进入店铺信息编辑页面，并带有productId参数
            window.location.href = '/o2o/shopadmin/productoperation?productId=' + e.currentTarget.dataset.id;
        } else if (target.hasClass('status')) {
            //如果呦class status则调用后台功能上/下架相关商品，并带有productId参数
            changeItemStatus(e.currentTarget.dataset.id,
                e.currentTarget.dataset.status);
        } else if (target.hasClass('preview')) {
            //如果呦class preview则去前台展示系统该商品详情也预览商品情况
            window.location.href = '/o2o/shopadmin/productdetail?productId=' + e.currentTarget.dataset.id;
        }
    });

    /**
     * 上下架的功能
     * @param id
     * @param enableStatus
     */
    var changeItemStatus = function (id, enableStatus) {
        //定义product json对象并添加productId以及状态(上架/下架)
        var product = {};
        product.productId = id;
        product.enableStatus = enableStatus;

        $.confirm('确定吗', function () {
            //上下架相关产品
            $.ajax({
                url: statusUrl,
                type: 'POST',
                data: {
                    productStr: JSON.stringify(product),
                    statusChange: true
                },
                dataType: 'json',
                success: function (data) {
                    if (data.success) {
                        $.toast('操作成功');
                        getList();
                    } else {
                        $.toast('操作失败:' + data.errMsg);
                    }
                }
            });
        });
    };

});